<!DOCTYPE html>
<html lang="zh" class="app">
    
    <head>
        <meta charset="utf-8" />
        <title>
            Notebook | Web Application
        </title>
        <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav"
        />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
        />
        <link rel="stylesheet" href="css/app.v2.css" type="text/css" />
        <link rel="stylesheet" href="css/font.css" type="text/css" cache="false"
        />
        <link rel="stylesheet" href="js/prettyphoto/prettyPhoto.css" type="text/css"
        cache="false" />
        <link rel="stylesheet" href="js/grid/gallery.css" type="text/css" cache="false"
        />
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.js" cache="false">
            </script>
            <script src="js/ie/respond.min.js" cache="false">
            </script>
            <script src="js/ie/excanvas.js" cache="false">
            </script>
        <![endif]-->
    </head>
    
    <body>
        <section class="vbox">
         
            
                      
                    <!-- /.aside -->
                    <section id="content">
                        <section class="vbox bg-white">
                            <header class="header b-b b-light">
                                <p>
                                    Gallery
                                </p>
                            </header>
                            <section class="scrollable">
                               
                               
                                <div id="gallery" class="gallery hide">
                                    <div class="item">
                                        <img src="images/thumb_2.png" />
                                        <a href="images/thumb_2.png" rel="prettyPhoto[gallery]">
                                        </a>
                                        <div class="desc">
                                            <h4>
                                                Teideal
                                            </h4>
                                            <p>
                                                Lorem ipsum dolor sit amet...
                                            </p>
                                            <span>
                                                2013-08-29 13:00:00
                                            </span>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="images/thumb_2.png" />
                                        <a href="images/thumb_2.png" rel="prettyPhoto[gallery]">
                                        </a>
                                        <div class="desc">
                                            <h4>
                                                Teideal
                                            </h4>
                                            <p>
                                                Lorem ipsum dolor sit amet...
                                            </p>
                                            <span>
                                                2013-08-29 13:00:00
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </section>
                        <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen"
                        data-target="#nav">
                        </a>
                    </section>
                    <aside class="bg-light lter b-l aside-md hide" id="notes">
                        <div class="wrapper">
                            Notification
                        </div>
                    </aside>
                </section>
            </section>
        </section>
        <script src="js/app.v2.js">
        </script>
        <!-- Bootstrap -->
        <!-- App -->
        <script src="js/libs/underscore-min.js" cache="false">
        </script>
        <script src="js/prettyphoto/jquery.prettyPhoto.js" cache="false">
        </script>
        <script src="js/grid/jquery.grid-a-licious.min.js" cache="false">
        </script>
        <script src="js/grid/gallery.js" cache="false">
        </script>
    </body>

</html>